<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content">
    <div th:replace="manage/menu :: html"></div>


    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <h2 class="title1">主页</h2>
            <div class="elements">

                <div class="agil-info-calendar">

                    <div class="col_3">
                        <div class="col-md-3 widget widget1">
                            <div class="r3_counter_box">
                                <i class="pull-left fa fa-dollar icon-rounded"></i>
                                <div class="stats">
                                    <h5><strong>22</strong></h5>
                                    <span>我的联系人</span>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 widget widget1">
                            <div class="r3_counter_box">
                                <i class="pull-left fa fa-dollar icon-rounded"></i>
                                <div class="stats">
                                    <h5><strong>22</strong></h5>
                                    <span>我的供应商</span>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 widget widget1">
                            <div class="r3_counter_box">
                                <i class="pull-left fa fa-laptop user1 icon-rounded"></i>
                                <div class="stats">
                                    <h5><strong>22</strong></h5>
                                    <span>评价等级</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 widget widget1">
                            <div class="r3_counter_box">
                                <i class="pull-left fa fa-pie-chart dollar1 icon-rounded"></i>
                                <div class="stats">
                                    <h5><strong>22</strong></h5>
                                    <span>监视公司列表</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 widget">
                            <div class="r3_counter_box">
                                <i class="pull-left fa fa-users dollar2 icon-rounded"></i>
                                <div class="stats">
                                    <h5><strong>22</strong></h5>
                                    <span>我的热门清单</span>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>

                </div>


                <div class="col-md-12 panel-grids">
                    <div class="panel panel-success">
                        <div class="panel-heading"><h3 class="panel-title">搜素</h3></div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="radio-inline"><label><input type="radio" checked=""/> 库存</label></div>
                                    <div class="radio-inline"><label><input type="radio" checked=""/> 公司</label></div>
                                    <div class="radio-inline"><label><input type="radio" disabled=""/> 联系人</label></div>
                                    <div class="radio-inline"><label><input type="radio" disabled=""/> 供求关系</label></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <form class="form-inline">
                                        <div class="col-md-10">
                                            <input type="text" class="form-control1" placeholder="多个零件号用,分割" />
                                        </div>

                                        <div class="form-group col-sm-2">
                                            <button type="submit" class="btn btn-default">查询</button>
                                        </div>
                                    </form>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="col-md-6 panel-grids">
                    <div class="panel panel-warning">
                        <div class="panel-heading"><h3 class="panel-title">广播信息</h3></div>
                        <div class="panel-body">

                            <div class="chit-chat-layer1-left">
                                <div class="work-progres">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <thead>
                                            <tr>
                                                <th></th>
                                                <th>总计</th>
                                                <th>新增</th>
                                                <th></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>我想买</td>
                                                <td>421</td>
                                                <td><span class="badge badge-info">12</span></td>
                                                <td>
                                                    <button type="button" class="btn btn-warning">新建</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>我想卖</td>
                                                <td>421</td>
                                                <td><span class="badge badge-success">12</span></td>
                                                <td>
                                                    <button type="button" class="btn btn-warning">新建</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>要求报价</td>
                                                <td>421</td>
                                                <td><span class="badge badge-warning">12</span></td>
                                                <td>
                                                    <button type="button" class="btn btn-warning">新建</button>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-md-6 panel-grids">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title">库存/清单信息

                            </h3>

                        </div>
                        <div class="panel-body">

                            <div class="chit-chat-layer1-left">
                                <div class="work-progres">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                            <tbody>
                                            <tr>
                                                <td>总库存</td>
                                                <td>1132</td>
                                                <td>示例文件.xls
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-info">添加库存</button>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>清单</td>
                                                <td>0天前</td>
                                                <td><a href="">示例文件.xls</a></td>
                                                <td>
                                                    <button type="button" class="btn btn-info">上传清单</button>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                        </div>
                    </div>
                </div>






                <!--//photoday-section-->


                <!-- //calendar -->
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p> broken bin All Rights Reserved </p>
    </div>
    <!--//footer-->
</div>

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- geo chart -->
<script src="//cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
<!--<script>window.modernizr || document.write('<script src="lib/modernizr/modernizr-custom.js"><\/script>')</script>-->
<!--<script src="lib/html5shiv/html5shiv.js"></script>-->
<!-- Chartinator  -->
<script src="js/chartinator.js"></script>
<script type="text/javascript">
    jQuery(function ($) {

        var chart3 = $('#geoChart').chartinator({
            tableSel: '.geoChart',

            columns: [{role: 'tooltip', type: 'string'}],

            colIndexes: [2],

            rows: [
                ['China - 2015'],
                ['Colombia - 2015'],
                ['France - 2015'],
                ['Italy - 2015'],
                ['Japan - 2015'],
                ['Kazakhstan - 2015'],
                ['Mexico - 2015'],
                ['Poland - 2015'],
                ['Russia - 2015'],
                ['Spain - 2015'],
                ['Tanzania - 2015'],
                ['Turkey - 2015']],

            ignoreCol: [2],

            chartType: 'GeoChart',

            chartAspectRatio: 1.5,

            chartZoom: 1.75,

            chartOffset: [-12, 0],

            chartOptions: {

                width: null,

                backgroundColor: '#fff',

                datalessRegionColor: '#F5F5F5',

                region: 'world',

                resolution: 'countries',

                legend: 'none',

                colorAxis: {

                    colors: ['#679CCA', '#337AB7']
                },
                tooltip: {

                    trigger: 'focus',

                    isHtml: true
                }
            }


        });
    });
</script>
<!--geo chart-->

<!-- calendar -->
<script type="text/javascript" src="js/monthly.js"></script>
<script type="text/javascript">
    $(window).load(function () {

        $('#mycalendar').monthly({
            mode: 'event',

        });

        $('#mycalendar2').monthly({
            mode: 'picker',
            target: '#mytarget',
            setWidth: '250px',
            startHidden: true,
            showTrigger: '#mytarget',
            stylePast: true,
            disablePast: true
        });

        switch (window.location.protocol) {
            case 'http:':
            case 'https:':
                // running on a server, should be good.
                break;
            case 'file:':
                alert('Just a heads-up, events will not work when run locally.');
        }

    });
</script>
<!-- //calendar -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>